{extend name="default/users/base" /}
{block name="title"}售后申请 - 买家中心{__block__}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/webuploader/webuploader.css?v={$v}" />
<link href="__STYLE__/css/osapply.css?v={$v}" rel="stylesheet">
{/block}
{block name="content"}
  <div class="wst-user-head"><span>售后申请</span></div>
  <div class='wst-user-content'>
      <div class="glist-box">
        {volist name="rs" id="item" key="k"}
        {if($item.goodsNum>0)}
        <div class="goods-item">
          <a href="#" onclick="javascript:void(0)">
            <img src="__RESOURCE_PATH__/{:WSTImg($item.goodsImg,1)}" alt="">
          </a>
          <p>{$item.goodsName}</p>
          <div class="">
            <input class="wst-fl os-chk" type="checkbox" onchange="switchChk(this)" gid="{$item.id}" />
            <div class='num'>
                <a href='#none' 
                  class='buy-btn' id='buy-reduce_{$item.id}' 
                  onclick='javascript:changeNum(-1,"#goodsNum","#buy-reduce,#buy-add",{$item.id})'>-</a>
                  <input type='text' 
                        id='goodsNum_{$item.id}' 
                        class='buy-num' 
                        value="1" 
                        data-max="{$item.goodsNum}" 
                        data-min='1' 
                        onkeyup='changeNum(0,"#goodsNum","#buy-reduce,#buy-add",{$item.id})' 
                        autocomplete="off"  
                        onkeypress="return WST.isNumberKey(event);"/>
                <a href='#none' 
                   class='buy-btn' id='buy-add_{$item.id}' 
                   onclick='javascript:changeNum(1,"#goodsNum","#buy-reduce,#buy-add",{$item.id})'>+</a>
            </div>
            <div class="wst-clear"></div>
          </div>
        </div>
        {/if}
        {/volist}
        <div class="wst-clear"></div>
      </div>
      <div class="opa-box">
        <div class="opa-item">
          <span><em>* </em>服务类型</span>
          <a onclick="changeType(this,0)" class="opa-t-item oti-selected">退款退货</a>
          <a onclick="changeType(this,1)" class="opa-t-item">退款</a>
          <a onclick="changeType(this,2)" class="opa-t-item">换货</a>
        </div>
        <div class="opa-item">
          <span><em>* </em>提交原因</span>
          <select 
            class="opa-i-r"
            name="serviceType" id="serviceType">
              <option value="-1">请选择</option>
            {volist name="reasons" id="r"}
              <option value="{$r.dataVal}">{$r.dataName}</option>
            {/volist}
          </select>
        </div>
        <div class="opa-item">
          <span><em>* </em>问题描述</span>
          <textarea class="opa-i-r" id='serviceRemark' style='width:50%;height:100px;' resize="none"></textarea>
        </div>
        <div class="opa-item" id="refundMoneyBox" >
          <span><em>* </em>退款金额</span>
          <input type="text" id="refundMoney" maxLength='10' onkeyup="javascript:WST.isChinese(this,1)" onkeypress="return WST.isNumberdoteKey(event,true)" onblur='javascript:WST.limitDecimal(this,2)' />
          <span>退款金额不能超过￥<span id="maxRefundMoney">0</span>元</span>
        </div>
        <div class="opa-item">
          <span><em>&nbsp; </em>图片信息</span>
          <div id="filePicker" style='margin-left:0px;width:250px;overflow:hidden;height:25px;'>上传附件(最多5张)</div>
        </div>
        <div class="opa-item">
          <div id='picBox' style='height:120px;width:732px;padding:5px;'>
        </div>
      </div>
      <div class="btn-box">
        <a onclick="commitOrderService()" class="commit-btn">提交</a>
      </div>

      <input type="hidden" name="" id="orderId" value="{$orderId}" />

  </div>
{/block}
{block name="js"}
<script type='text/javascript' src='__STATIC__/plugins/webuploader/webuploader.js?v={$v}'></script>
<script type='text/javascript' src='__STYLE__/users/orderservices/apply.js?v={$v}'></script>
{/block}
